<!--幻灯片-->
<div class="hdp">
  <div class="fullSlide">
    <div class="bd">
      <ul>
        <li _src='url(images/hdp.jpg)' style='background:#fff center 0 no-repeat;'></li>
        <li _src='url(images/1.jpg)' style='background:#fff center 0 no-repeat;'></li>
        <li _src='url(images/2.jpg)' style='background:#fff center 0 no-repeat;'></li>
      </ul>
    </div>
    <div class="hd">
      <ul>
      </ul>
    </div>
  </div>
</div>
<script type="text/javascript">
  var $fullSlide = $(".fullSlide");
  $fullSlide.hover(function () {
        jQuery(this).find(".prev,.next").stop(true, true).fadeTo("show", 0.5)
      },
      function () {
        jQuery(this).find(".prev,.next").fadeOut()
      });
  $fullSlide.slide({
    titCell: ".hd ul",
    mainCell: ".bd ul",
    effect: "fold",
    autoPlay: true,
    autoPage: true,
    trigger: "click",
    startFun: function (i) {
      var curLi = jQuery(".fullSlide .bd li").eq(i);
      if (!!curLi.attr("_src")) {
        curLi.css("background-image", curLi.attr("_src")).removeAttr("_src")
      }
    }
  });
</script>

<!--广告展示-->
<div class="ggzsw">
  <div class="ggzs" id="wrap">
    <ul>
      <li class="ggzsli">
        <div class="ggzslia">
          <span class="jumbo" id="myTargetElement">1890</span>
          <span class="ggzslib">亿+</span>
        </div>
        <div class="ggzsliy">每月广告展示量</div>
      </li>
      <li class="ggzsli">
        <div class="ggzslia">
          <span class="jumbo" id="myTargetElement2">15894</span>
          <span class="ggzslib">万+</span>
        </div>
        <div class="ggzsliy">每月活跃用户</div>
      </li>
      <li class="ggzsli">
        <div class="ggzslia">
          <span class="jumbo" id="myTargetElement3">1890</span>
          <span class="ggzslib">+</span>
        </div>
        <div class="ggzsliy">应用正在使用YoMob</div>
      </li>
    </ul>
  </div>
</div>
<script type="text/javascript">
  var options = {
    useEasing: true,
    useGrouping: true,
    separator: ',',
    decimal: '.',
    prefix: '',
    suffix: ''
  };
  var demo = new CountUp("myTargetElement", 0, 1.2, 1, 2.5, options);
  var demo2 = new CountUp("myTargetElement2", 0, 500, 0, 2.5, options);
  var demo3 = new CountUp("myTargetElement3", 0, 300, 0, 2.5, options);


  demo.start();
  demo2.start();
  demo3.start();


</script>

<!--平台接入-->
<div class="ptjr">
  <div class="ptjrbt">
    <b>一站聚合全球顶级视频广告平台</b><br/>
    接一家变现低效，接多家繁琐复杂，YoMob一站轻松搞定<br/>
    <img src="/images/pt.jpg" width="47" height="2"/>
  </div>
  <div class="ptjrnr">
    <ul>
      <div class='pics-active' id="pt1">
        <li><img src="/images/platforms/pt1.jpg" width="259" height="82"/></li>
        <li><img src="/images/platforms/pt2.jpg" width="259" height="82"/></li>
        <li><img src="/images/platforms/pt5.jpg" width="259" height="82"/></li>
        <li><img src="/images/platforms/pt3.jpg" width="259" height="82"/></li>
        <li><img src="/images/platforms/pt4.jpg" width="259" height="82"/></li>
        <li><img src="/images/platforms/pt9.jpg" width="259" height="82"/></li>
        <li><img src="/images/platforms/pt7.jpg" width="259" height="82"/></li>
        <li><img src="/images/platforms/pt11.jpg" width="259" height="82"/></li>
        <li><img src="/images/platforms/pt12.jpg" width="259" height="82"/></li>
        <li><img src="/images/platforms/pt8.jpg" width="259" height="82"/></li>
        <li><img src="/images/platforms/pt10.jpg" width="259" height="82"/></li>
        <li><img src="/images/platforms/dianjoy.jpg" width="259" height="82"/></li>
      </div>
      <div class='pics-hide' id="pt2">
        <li><img src="/images/platforms/fyber.jpg" width="259" height="82"/></li>
        <li><img src="/images/platforms/yezi.jpg" width="259" height="82"/></li>
        <li><img src="/images/platforms/oneway.jpg" width="259" height="82"/></li>
        <li><img src="/images/platforms/pubnative.jpg" width="259" height="82"/></li>
        <li><img src="/images/platforms/nativeX.jpg" width="259" height="82"/></li>
        <li><img src="/images/platforms/appnext.jpg" width="259" height="82"/></li>
        <li><img src="/images/platforms/pt3.jpg" width="259" height="82"/></li>
      </div>
    </ul>
    <div class="clear center">
      <div id="ptpre">1</div>
      <div id="ptnext">2</div>
    </div>
    <script>
      //       翻页效果
      $('#ptpre').css('background', '#4093d9');
      $('#ptpre').click(function () {
        $('#ptpre').css('background', '#4093d9');
        $('#ptnext').css('background', '');
        $('#pt1').slideDown();
        $('#pt2').slideUp();
      });
      $('#ptnext').click(function () {
        $('#ptpre').css('background', '');
        $('#ptnext').css('background', '#4093d9');
        $('#pt1').slideUp();
        $('#pt2').slideDown();
      })
    </script>
  </div>
</div>
<!--产品服务-->
<div class="cpw">
  <div class="cp">
    <div class="cpz">
      <b>丰富行业经验<br/>全程专人服务</b><br/>
      <img src="/images/cpzs1.jpg" width="113" height="2"/><br/>
      实时响应技术问题<br/>
      协助优化广告场景设计<br/>
      大幅提升广告播放总量<br/>
      跟踪反馈变现效果
    </div>
    <div class="cpy"><img src="/images/cpzs.jpg" width="600" height="409"/></div>
  </div>
</div>


<!--数据透明-->
<div class="sjtm">
  <div class="sjtmz"><img src="/images/sjtm.jpg" width="622" height="418"/></div>
  <div class="sjtmy">
    <b>智能动态优化<br/>数据实时透明</b><br/>
    <img src="/images/sjtm1.jpg" width="113" height="2"/><br/>
    专业大数据平台支撑<br/>
    实时评估各平台表现<br/>
    自动选择最优eCPM广告<br/>
    后台数据清晰详尽一目了然<br/>
  </div>
</div>


<!--产品服务-->
<div class="cpw">
  <div class="cp">
    <div class="cpz">
      <b>SDK高效稳定<br/>省时省力省心</b><br/>
      <img src="/images/cpzs1.jpg" width="113" height="2"/><br/>
      支持主流开发环境和系统平台<br/>
      保障复杂环境下的兼容性<br/>
      自由筛选合适广告平台<br/>
      定期更新优化
    </div>
    <div class="cpy"><img src="/images/cpzs2.png" width="600" height="409"/></div>
  </div>
</div>


<!--众多用户-->
<div class="zdyh">
  <div class="ptjrbt">
    <b>他们正在使用</b><br/>
    变现效果均有显著提升，用了都说好<br/>
    <img src="/images/pt.jpg" width="47" height="2"/>
  </div>
  <div class="zdyhnr">
    <ul id="developerContainer">
      <li>
        <div class="zdyhnrz"><img src="/images/developers/yh1.jpg" width="113" height="113"/></div>
        <p class="zdyhnry">汤姆猫跑酷</p>
      </li>
      <li>
        <div class="zdyhnrz"><img src="/images/developers/yh2.jpg" width="113" height="113"/></div>
        <p class="zdyhnry">捕鱼达人3</p>
      </li>
      <li>
        <div class="zdyhnrz"><img src="/images/developers/yh3.jpg" width="113" height="113"/></div>
        <p class="zdyhnry">苏打世界</p>
      </li>
      <li>
        <div class="zdyhnrz"><img src="/images/developers/yh4.jpg" width="113" height="113"/></div>
        <p class="zdyhnry">激流快艇3</p>
      </li>
      <li>
        <div class="zdyhnrz"><img src="/images/developers/yh5.jpg" width="113" height="113"/></div>
        <p class="zdyhnry">小小航海士</p>
      </li>
      <li>
        <div class="zdyhnrz"><img src="/images/developers/yh6.jpg" width="113" height="113"/></div>
        <p class="zdyhnry">Dot&co</p>
      </li>
      <li>
        <div class="zdyhnrz"><img src="/images/developers/yh7.jpg" width="113" height="113"/></div>
        <p class="zdyhnry">三国KILL</p>
      </li>
      <li>
        <div class="zdyhnrz"><img src="/images/developers/yh8.jpg" width="113" height="113"/></div>
        <p class="zdyhnry">镜界</p>
      </li>
      <li>
        <div class="zdyhnrz"><img src="/images/developers/yh9.jpg" width="113" height="113"/></div>
        <p class="zdyhnry">暴击英雄</p>
      </li>
      <li>
        <div class="zdyhnrz"><img src="/images/developers/yh10.jpg" width="113" height="113"/></div>
        <p class="zdyhnry">元气骑士</p>
      </li>
      <li>
        <div class="zdyhnrz"><img src="/images/developers/yh11.jpg" width="113" height="113"/></div>
        <p class="zdyhnry">八分音符酱</p>
      </li>
      <li>
        <div class="zdyhnrz"><img src="/images/developers/yh12.jpg" width="113" height="113"/></div>
        <p class="zdyhnry">小小骨头</p>
      </li>
      <li>
        <div class="zdyhnrz"><img src="/images/developers/yh13.jpg" width="113" height="113"/></div>
        <p class="zdyhnry">点爆僵尸</p>
      </li>
      <li>
        <div class="zdyhnrz"><img src="/images/developers/yh14.jpg" width="113" height="113"/></div>
        <p class="zdyhnry">蜗牛转转转</p>
      </li>
      <li>
        <div class="zdyhnrz"><img src="/images/developers/yh15.jpg" width="113" height="113"/></div>
        <p class="zdyhnry">合金弹头单机版</p>
      </li>
      <li>
        <div class="zdyhnrz"><img src="/images/developers/yh16.jpg" width="113" height="113"/></div>
        <p class="zdyhnry">无尽守护</p>
      </li>
    </ul>
  </div>
</div>
<!--图片切换-->
<div class="qhw">
  <div class="qh">
    <div id="wrapper">
      <!--<div id="LeftButton" stysty></div>-->
      <div id="CSSBox">
        <ul id="CSSContent">
          <li><img src="/images/hzhb/hz1.jpg" width="154" height="67"/><a href="#" target="_blank"></a></li>
          <li><img src="/images/hzhb/hz2.jpg" width="154" height="67"/><a href="#" target="_blank"></a></li>
          <li><img src="/images/hzhb/hz3.jpg" width="154" height="67"/><a href="#" target="_blank"></a></li>
          <li><img src="/images/hzhb/hz4.jpg" width="154" height="67"/><a href="#" target="_blank"></a></li>
          <li><img src="/images/hzhb/hz5.jpg" width="154" height="67"/><a href="#" target="_blank"></a></li>
          <li><img src="/images/hzhb/hz6.jpg" width="154" height="67"/><a href="#" target="_blank"></a></li>
          <li><img src="/images/partner/binrree.jpg" width="154" height="67"/><a href="#" target="_blank"></a></li>
          <li><img src="/images/partner/chillyroom.jpg" width="154" height="67"/><a href="#" target="_blank"></a></li>
          <li><img src="/images/partner/cmge.jpg" width="154" height="67"/><a href="#" target="_blank"></a></li>
          <li><img src="/images/partner/dreamsky.jpg" width="154" height="67"/><a href="#" target="_blank"></a></li>
          <li><img src="/images/partner/star.jpg" width="154" height="67"/><a href="#" target="_blank"></a></li>
        </ul>
      </div>
      <!--<div id="RightButton"></div>-->
    </div>
    <div style="clear:both"></div>
    <!--轮播图片-->
    <script type="text/javascript">
      new Marquee(
          {
            MSClass: ["CSSBox", "CSSContent"],
            Direction: 2,
            PrevBtnID: "LeftButton",
            NextBtnID: "RightButton",
            Step: 0,
            Width: 1000,
            Height: 104,
            Timer: 2,
            DelayTime: 0,
            WaitTime: 3,
            ScrollStep: 166,
            SwitchType: 0,
            AutoStart: true
          }
      );
    </script>
  </div>
</div>
<script>
  $index = $('#index');
  $index.css('background', '#036eb8');
  $index.css('color', '#fff');
  //  $("#p2").hide();
  $("#nextpage").click(function () {
    $(this).hide();
    $("#p2").show();
  });
  //合作伙伴
  $("#developerContainer li p").slideUp(1);
  $("#developerContainer li div").each(function (i, el) {
    var $p = $("#developerContainer li p:eq(" + i + ")");
    $(el).hover(
        function () {
          $p.slideDown(200)
        }, function () {
          $p.slideUp(200)
        }
    )
  })
</script>